<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>商品详情</title>
  <script src="lib/flexible/flexible.js"></script>
  <link rel="icon" href="favicon.ico">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/product.css">
</head>
<body>
<div class="container">
  <!--头部-->
  <div class="header">
    <h1 class="logo fl">
      <a href="index.html" >
        <img src="images/header_logo.png" alt="">
      </a>
    </h1>
    <div class="download fr">
      <a href="#">
        <img src="images/header_app.png" alt="">
      </a>
    </div>
  </div>
  <!--主体-->
  <div class="main">
    <div class="search">
      <input type="text"placeholder="请输入你想比价的商品"><button>搜索</button>
    </div>
    <!--产品导航-->
    <div class="product-nav">
      <a href="index.html">首页></a>
      <a href="productList.html" id="categoryName"></a>
      <a href="javascript:;" id="productName">乐视</a>
      <button>筛选</button>
    </div>
    <div class="product">
    
    </div>
    <!--评论-->
    <div class="comment">
      <div class="title">网友评论</div>
      <div class="content">
      
      </div>
    </div>
    <!--获取更多-->
    <div class="get-more">
      <a href="javascript:;">查看更多评价>></a>
    </div>
    <!--更多品牌-->
  </div>
  <!--底部-->
  <div class="footer">
    <div class="footerNav clearfix">
      <a href="#">登录</a>
      <a href="#">注册</a>
      <a href="javascript:;" id="goTop"><img src="images/top.jpg" alt="">回到顶部</a>
      <!--javascript:toBack.goTop();-->
    </div>
    <div class="msg">
      <p>
        <a href="#" class="red">手机APP下载</a>
        <a href="#">慢慢买手机版</a>
        <a href="#">--掌上比价平台</a>
      </p>
      <p><a href="#">手机APP下载</a></p>
    </div>
  </div>
</div>

<!--商品详情模板-->
<script type="text/html" id="productTpl">
  <div class="img-box">
    {{@ result[0].productImg }}
  </div>
  <p class="title">{{ result[0].productName }}</p>
  <div class="product-tab">
    <ul class="clearfix">
      <li class="current"><a href="javascript:;">比价购买</a></li>
      <li><a href="javascript:;">产品参数</a></li>
      <li><a href="javascript:;">优选评价</a></li>
    </ul>
  </div>
  {{@ result[0].bjShop}}
  </div>
</script>
<!--评论模板-->
<script type="text/html" id="comTpl">
  {{ each result v i }}
  <div class="comment-item">
    <p class="clearfix">
      <span class="fl">{{ v.comName }}</span>
      <span class="span fr">{{ v.comTime }}</span>
    </p>
    <p class="clearfix">
      <span class="fr">{{ v.comFrom }}</span>
    </p>
    <p class="para">
      {{ v.comContent }}
    </p>
  </div>
  {{ /each}}
</script>
<script src="lib/jquery/jquery-1.12.4.js"></script>
<script src="lib/artTemplate/template-web.js"></script>
<script src="js/common.js"></script>
<script src="js/product.js"></script>
</body>
</html>